<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />  
<meta name="apple-mobile-web-app-capable" content="yes" />  
<meta name="format-detection" content="telephone=no" />  
<title>个人中心-系统设置</title>
<link rel='stylesheet' type='text/css' href="../css/style.css" />
<link rel="stylesheet" type="text/css" href="../css/page.css" />

<script src="../js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script type="text/javascript" src="../js/page.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
		$(function (){
			var height = $(window).height()-258;
			$(".login_index").height(height);
			$(".index_content").height(height);
		});
	</script>
</head>

<body>
	
	<!-- top start -->
	<iframe class="index_top" src="top.html"></iframe>
	<!-- top end -->
	<!-- 检索框 start -->
	<div class="uaer_banner"></div>
	<!-- 检索框 end -->
	<!-- 检索结果 start -->
	<div class="index">
		<div class="index_content">
			<div class="user_left">
				<div class="user_list">
					<ul>
						<li><span></span><a href="user-info.html">个人信息</a></li>
						<li><span></span><a href="user.html">查看历史</a></li>
						<li><span></span><a href="user-chart.html">我的消息</a></li>
						<li class="active"><span></span><a href="#">系统设置</a></li>
					</ul>
				</div>
			</div>
			<!-- 右侧信息 start -->
			<div class="uesr_right">
				<!-- tab start -->
				<div class="index_tab" role="tabpanel">
					<div class="row">
						<div class="col-lg-12">
							<label class="col-xs-10">更新文件提示</label>
						</div>
						<div class="col-lg-12">
							<label class="col-xs-4">短息提示</label>
							<div class="col-xs-6">
								<div class="wrap1" a="off">
									<span>ON</span>
									<span>OFF</span>
									<div></div>
								</div>
							</div>
						</div>
						<div class="col-lg-12">
							<label class="col-xs-4">邮件提示</label>
							<div class="col-xs-6">
								<div class="wrap2" a="off">
									<span>ON</span>
									<span>OFF</span>
									<div></div>
								</div>
							</div>
						</div>
						<div class="col-lg-12" style="margin-top: 2rem">
							<label class="col-xs-4"></label>
							<div class="col-xs-6" style="text-align: center">
								<input type="submit" value="保存" />
								<input type="reset" value="取消" />
							</div>
						</div>
					</div>
				</div>
				<!-- tab分类 end -->
			</div>
			<!-- 右侧信息 end -->
		</div>
	</div>
	<!-- 检索结果 end -->
	<!-- foot start -->
	<iframe class="index_foot" src="foot.html"></iframe>
	<!-- foot end -->
	
<script type="text/javascript">
	$(".wrap1").mousedown(function(event) {
		if ($(".wrap1").attr("a") == "off") {
			$(".wrap1 div").stop().animate({
				"left" : "38px"
			},400),
			$(".wrap1").attr("a","on")
		}else {
			$(".wrap1 div").stop().animate({
				"left" : "2px"
			},400),
			$(".wrap1").attr("a","off")
		}
	});
	$(".wrap2").mousedown(function(event) {
		if ($(".wrap2").attr("a") == "off") {
			$(".wrap2 div").stop().animate({
				"left" : "38px"
			},400),
			$(".wrap2").attr("a","on")
		}else {
			$(".wrap2 div").stop().animate({
				"left" : "2px"
			},400),
			$(".wrap2").attr("a","off")
		}
	});
</script>
</body>
</html>
